<template>
  <view class="empty">
    <view class="empty_img">
      <img :src="imgUrl + 'common/empty.svg'" alt="" class="img" />
    </view>
    <view class="title">{{ emptyTip }}</view>
  </view>
</template>

<script>
export default {
  props: {
	emptyTip: {
		type: String,
		default: '暂无相关数据'
	}	
  },
  data() {
    return {
      imgUrl:
        "https://zicaicloud-prod.oss-cn-zhangjiakou.aliyuncs.com/zicaiquan/static/",
    };
  },
};
</script>

<style lang="scss" scoped>
.empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .empty_img {
    width: 240rpx;
    height: 240rpx;
    .img {
      width: 100%;
      height: 100%;
    }
  }
  .title {
    font-size: 28rpx;
    color: #86909c;
    margin-top: 10rpx;
  }
}
</style>
